<template>
  <div style="padding: 20px">
    <el-tabs type="border-card">
      <el-tab-pane label="任务配置">
        <el-table :data="list" style="width: 100%">
          <el-table-column prop="name" label="任务名称" width="width">
          </el-table-column>
          <el-table-column prop="points" label="完成任务奖励积分" width="width">
          </el-table-column>
          <el-table-column prop="max_perday" label="每天奖励次数上限" width="width">
          </el-table-column>
          <el-table-column prop="prop" label="任务类型" width="width">
            <template slot-scope="scope">
              {{ scope.row.daily?'日常任务':'单次任务' }}
            </template>
          </el-table-column>
        </el-table>
        <el-button type="primary" style="margin-top: 20px" size="mini"
          >保存</el-button
        >
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 10, name: "每日签到", points: 5, daily: 1, max_perday: 1 },
        {
          id: 11,
          name: "绑定微信账号",
          points: 5,
          daily: 0,
          max_perday: 0,
        },
        { id: 12, name: "上传logo", points: 30, daily: 0, max_perday: 0 },
        {
          id: 13,
          name: "通过企业认证",
          points: 100,
          daily: 0,
          max_perday: 0,
        },
        {
          id: 14,
          name: "上传企业风采",
          points: 20,
          daily: 0,
          max_perday: 0,
        },
        {
          id: 15,
          name: "处理3天内收到的简历",
          points: 30,
          daily: -1,
          max_perday: 0,
        },
        { id: 16, name: "注册账号", points: 50, daily: 0, max_perday: 0 },
      ],
    };
  },
};
</script>

<style lang="scss" scoped></style>
